﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<!-- BEGIN META -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Olive Enterprise">
		<!-- END META -->

		<!-- BEGIN SHORTCUT ICON -->
		<link rel="shortcut icon" data-th-href="@{/img/favicon.ico}">
		<!-- END SHORTCUT ICON -->
		<title>
			Olive Admin - Flat & Responsive Bootstrap Admin Template
		</title>
		<!-- BEGIN STYLESHEET-->
		<link data-th-href="@{/css/bootstrap.css}" rel="stylesheet">
		<!-- BOOTSTRAP CSS -->
		<link data-th-href="@{/css/font-awesome.css}" rel="stylesheet">
		<!-- FONT AWESOME ICON CSS -->
		<link data-th-href="@{/css/style.css}" rel="stylesheet">
	</head>

	<body>
		<!-- BEGIN SECTION -->
		<section id="container">
			<!-- BEGIN HEADER -->
			<header class="header white-bg">
				<!-- SIDEBAR TOGGLE BUTTON -->
				<div class="sidebar-toggle-box">
					<div data-placement="right" class="fa fa-bars tooltips">
					</div>
				</div>
				<!-- SIDEBAR TOGGLE BUTTON  END-->
				<a data-th-href="@{/index.html}" class="logo">
					后台系统管理系统
					<span>
            	模板
          </span>
				</a>
				<!-- START HEADER  NAV -->

				<!-- START USER LOGIN DROPDOWN  -->

				<div class="top-nav ">
					<!--个人中心菜单-->
					<ul class="nav pull-right top-menu">
						<li class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<!--头像-->
								<img alt="" data-th-src="@{/img/avatar1_small.jpg}">
								<!--昵称-->
								<span class="username">
                  Pruthvi
               </span> 
								<b class="caret">
                </b>
							</a>
							<ul class="dropdown-menu extended logout">
								<li class="log-arrow-up">
								</li>
								<li>
									<a href="#">
										<i class=" fa fa-suitcase">
                   </i> 简介
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-cog">
                   </i> 设置
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-bell-o">
                   </i> 通知
									</a>
								</li>
								<li>
									<a data-th-href="@{/login.html}">
										<i class="fa fa-key">
                   </i> 注销
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- END USER LOGIN DROPDOWN  -->
			</header>
			<!-- END HEADER -->
			<!-- BEGIN 菜单 -->
			<aside>
				<div id="sidebar" class="nav-collapse">
					<ul class="sidebar-menu" id="nav-accordion">
<!-- 						<li> -->
<!-- 							<a data-th-href="@{/index.html}"> -->
<!-- 								<i class="fa fa-dashboard"></i>  -->
<!-- 								<span>                  -->
<!-- 									首页                  -->
<!-- 								</span>  -->
<!-- 							</a> -->
<!-- 						</li> -->
						<li data-th-each="menu,status:${session.MENUS}" data-th-class="${menu.childMenus==null or #lists.isEmpty(menu.childMenus)}?'':'sub-menu'">
							<a data-th-href="${menu.url==null||#strings.isEmpty(menu.url)}?'javascript:;':menu.url" data-th-class="${status.first}?'active':''">
								<i class="fa fa-user"></i> 
								<span data-th-text="${menu.name}">                 
									用户管理                 
								</span> 
								<span data-th-unless="${menu.childMenus==null or #lists.isEmpty(menu.childMenus)}" class="label label-info span-sidebar" data-th-text="${#lists.size(menu.childMenus)}">                  
									1                
								</span> 
							</a>
							<ul data-th-unless="${menu.childMenus==null or #lists.isEmpty(menu.childMenus)}" class="sub">
								<li data-th-class="${status.first}?'active'">
									<a data-th-each="child:${menu.childMenus}" data-th-href="@{${child.url==null||#strings.isEmpty(child.url)}?'javascript:;':${child.url}}" data-th-text="${child.name}"> 用户管理 </a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</aside>
			<!-- END 菜单 -->
			<!-- BEGIN MAIN CONTENT -->

			<section id="main-content">
				 <section class="wrapper">
				<div class="row">
					<div class="col-md-12">
						页面内容
					</div>
				</div>
				</section>
				
			</section>
			<!-- END MAIN CONTENT -->
			<!-- BEGIN FOOTER -->
			<footer class="site-footer">
				<div class="text-center">
					2013 &copy; 后台管理系统模板
					<a target="_blank">
						版权所有
					</a>
						<a href="#" class="go-top">
							<i class="fa fa-angle-up"></i>
						</a>
				</div>
			</footer>
			<!-- END  FOOTER -->
		</section>
		<!-- END SECTION -->
		<!-- BEGIN JS -->
		<script data-th-src="@{/js/jquery-3.1.1.min.js}"></script>
		<!-- BASIC JQUERY 1.8.3 LIB. JS -->
		<script data-th-src="@{/js/bootstrap.min.js}"></script>
		<!-- BOOTSTRAP JS -->
		<script data-th-src="@{/js/jquery.dcjqaccordion.2.7.js}"></script>
		<!-- SPARKLINE CHART JS -->
		<script data-th-src="@{/js/common-scripts.js}"></script>
		<!-- END JS -->
	</body>
</html>